<!DOCTYPE html>
<!-- saved from url=(0027)http://macx86.cn/regis.html -->
<html lang="zh-CN">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="./jquery-ui.min.css" rel="stylesheet">
        <link href="./bootstrap.min.css" rel="stylesheet">  
        <style>
        body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;}canvas{position:absolute;width:100%;}html,body,canvas{height:100%;}
        #config_btn{background-image: url("images/config.png"); background-size: 64px; position: absolute; right: 1px; width: 64px; height: 64px; z-index: 1; opacity: 0.0;} 
        #config_btn:hover{opacity: 1;}
        #config_container{display: none; position: absolute; right: 10px; top: 64px; width: 300px; height: 200px; z-index: 1;}
        .sliderHeaders{font-size: 18px; color: snow; margin: 10px, 0px;}
        button{margin-left: 120px; margin-top: 10px; }
        </style>
</head>
<body> 
    <div class="config">
        <div id="config_btn" class="config_btn" title="settings"></div>
        <div id="config_container">
            <h2 class="sliderHeaders">color change rate:</h2>
            <div id="rate_slider"></div>
            <h2 class="sliderHeaders">light scope:</h2>
            <div id="size_slider"></div>
            <!--<h2 class="sliderHeaders">thickness:</h2>
            <div id="thickness_slider"></div>
            <h2 class="sliderHeaders">length:</h2>
            <div id="length_slider"></div>-->
            <div class="button_container">
                <button id="apply" class="ui-button ui-corner-all ui-widget">Apply</button>
            </div>
        </div>
    </div>
    <canvas width="1920" height="1080"></canvas> 
    <canvas width="1920" height="1080"></canvas>
    <script src="./jquery.min.js"></script>
    <script src="./jquery-ui.min.js"></script>
    <script src="./store.min.js"></script>
    <script src="./index.js"></script>
</body>
</html>